﻿@model List<DAL.V_ShopCart>

        @{
            Layout = null;
        }

        <!DOCTYPE html>
        
        <html>
        <head>
            <meta charset="utf-8">
            <title>购物车</title>
            <link rel="stylesheet" type="text/css" href="~/css/top.css">
            <link rel="stylesheet" type="text/css" href="/css/lunbo.css">
            <script src="/js/jquery-1.8.3.min.js"></script>
            <script src="/js/public.js"></script>
            <link rel="stylesheet" type="text/css" href="/css/vipcenter.css">
            <link rel="stylesheet" type="text/css" href="/css/footer.css" />
        </head>
        <body>

            <script src="/js/daohang.js"></script>
            <!--个人中心首页 -->
            <div class="thetoubu">
                <!--头部-->
                <div class="thetoubu1">
                    <b>
                        <img src="/img/touxiang.png" />
                    </b>
                    <em>@ViewBag.name</em>
                    <em>欢迎来到会员中心</em>
                    <a href="/GeRen/DiZhi">地址管理</a>
                    <a href="/GeRen/XinXi">修改资料</a>
                    <h5>账户安全</h5>
                    <strong>低</strong>
                    <span>
                        <p style=" width:27%"></p>
                    </span>
                    <a href="#">安全等级提升</a>
                    <em style=" padding-right:2px">手机</em>
                    <a href="#" style=" padding-left:2px; float:left; display:block; color:#f00" title="点击绑定">未绑定</a>

                </div>
                <!--详细列表-->
                <div class="xiangxilbnm">
                    <!--left-->
                    <div class="liefyu">
                        <h2>交易管理</h2>
                        <div class="conb">
                            <a href="/GouWuChe/Index">我的购物车</a>
                            <a href="/GeRen/Index">我的订单</a>
                            <a href="#">我的收藏</a>
                            <a href="#">交易评价/晒单</a>


                        </div>
                        <h2>资料管理</h2>
                        <div class="conb">
                            <a href="/GeRen/XinXi">账户信息</a>

                            <a href="/GeRen/DiZhi">收货地址</a>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $(function () {//第一步都得写这个
                            $(".liefyu h2").click(function () {//获取title，并且让他执行下面的函数
                                $(this)/*点哪个就是哪个*/.next(".conb")/*哪个标题下面的con*/.slideToggle()/*打开/折叠*/.siblings/*锁定同级元素*/(".con").slideUp()/*同级元素折叠起来*/
                            })
                        })
                    </script>
                    <!--right-->
                    <div class="zuirifip">
                        <!--lll-->
                        <div class="zuiriftp1">
                            <ul>
                                <li>
                                    <span>账户余额</span>
                                    <p>￥0</p>
                                </li>
                                <li>
                                    <span>我的积分</span>
                                    <p>0</p>
                                </li>
                                <li>
                                    <span>我的优惠劵</span>
                                    <p><s>0</s>张</p>
                                </li>
                                <li>
                                    <span>我的米币</span>
                                    <p>0</p>
                                </li>
                            </ul>
                        </div>
                        <!--lll-->
                         
                        <script>
                            $(function () {
                                $(".dfdaspjtk a").click(function () {
                                    $(this).css({ color: "#09f" }).siblings().css({ color: "#333" })
                                })
                            })
                        </script>
                        <!--所有列表-->
                        <div class="sydlbdzz">
                            <!--一个列表开始-->
                            @foreach (var item in this.Model)
                            {
                                <div class="gzdlbdzzl">
                                    <!--左-->
                                    <div class="spzhaopin">
                                        <a href="#"><img src="@item.ImgUrl" /></a>
                                    </div>
                                    <!--中-->
                                    <div class="youstdongi">
                                        <a href="#"><h5>@item.DanPinName</h5></a>
                                        <span>下单时间：@item.CreateTime</span>
                                        <span style=" color:#09f">订单状态：待付款</span>
                                        <span>
                                            订单金额：<s>￥@item.Total</s>
                                            <s style="color:#666; margin-left:10px">@item.ShopNum 件</s>
                                            <s style="color:#666; margin-left:10px">免运费</s>
                                            <s style="color:#666; margin-left:10px">在线支付</s>
                                            <a href="#" style="margin-left:10px">取消订单</a>
                                            <a href="#" style="color:#F00; cursor:pointer; float:right">删除</a>
                                        </span>
                                    </div>
                                    <!--右-->
                                    <div class="quzhifubasb">
                                        <a href="#">支付订单</a>
                                    </div>
                                    <!--右下-->
                                    <div class="chakanxiangqingfg">
                                        <a href="#">查看详情</a>
                                    </div>
                                </div>
                            }
                        </div>
                    </div>
                    <!--right结束-->
                </div>
                <!--详细列表结束-->
            </div>
            <!--个人中心结束-->
            <!--页脚-->
            <!--footer-->


        </body>
    </html>

